<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored = "false"%>
<%@ taglib uri="/WEB-INF/tlds/PrizeTags.tld" prefix="prize" %>

<%@ page import="java.util.Map" %>
<%@ page import="java. util.HashMap" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link type="text/css" rel="stylesheet" href="common.css"/>
    <title>Заказ такси</title>
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="common.js"></script>
    
    <script type="text/javascript">
    	$(document).ready(function(){
    		initForm();
    	});
    </script>
    
    <style type="text/css">

    input{
    	margin-top: 5px;
    	width: 410px;
    	font-size: 18pt;
    }
    .requestTable{
    	border-collapse: collapse;
    	font-size: 18px;
    }
    
    .requestTable td{
    	padding-bottom: 20px;
    	width: 400px;
    }
  </style>
  </head>
  
  <jsp:useBean id="clientRequest" 
  			   scope="request" 
  			   type="ru.develbureau.server.model.ClientRequestEntity"
  			   class="ru.develbureau.server.model.ClientRequestEntity">
  </jsp:useBean>
  
  <jsp:useBean id="errors" 
  			   scope="request" 
  			   type="java.util.Map"
  			   class="java.util.HashMap">
  </jsp:useBean>
  
	
  <body>
  
  	<form action="/saveRequest" method="POST">
  	
  	<span class="header">Удобный сайт заказа такси</span>
  	
  	<table class="requestTable" width="100%;">
		<tr>
			<td style="padding-left: 100px;" width="50%">
				<table class="requestTable">
			  		<tr>
			  			<td>
			  				Представьтесь, пожалуйста:<br/>
			  				<input type="text" class="wideInput" name="name" 
			  				value="<prize:out value="${clientRequest.name}" />" 
			  				sampleMsg="Иван Петрович" edited="0" error="${errors['name']}"/>
			  			</td>
			  		</tr>
			  		<tr>	
			  			<td>
			  				и укажите номер мобильного:<br/>
			  				<input type="text" class="wideInput" name="phone" 
			  				value="<prize:out value="${clientRequest.phone}" />" 
			  				sampleMsg="8 903 123-45-67" edited="0" error="${errors['phone']}"/>
			  				<div style="text-align:left; font-size: 12px">(номер не будет показан диспечеру, пока вы не примете предложение)</div>
			  			</td>
			  		</tr>
			  		<tr>
			  			<td>
			  				Откуда забрать:<br/>
			  				<input type="text" class="wideInput" name="source" 
			  				value="<prize:out value="${clientRequest.source}" />" 
			  				sampleMsg="Тимирязевская, 123" edited="0" error="${errors['source']}"/>  				
			  			</td>
			  		</tr>
			  		<tr>
			  			<td>
			  				Куда довезти:<br/>
			  				<input type="text" class="wideInput" name="target" 
			  				value="<prize:out value="${clientRequest.target}" />" 
			  				sampleMsg="Красная площадь, 1" edited="0" error="${errors['target']}"/>	
			  			</td>
			  		</tr>
			  		<tr>
			   			<td>
			  				Когда машину подать:<br/>
			  				<input type="text" class="wideInput" name="time" 
			  				value="<prize:out value="${clientRequest.time}" />" 
			  				sampleMsg="Через пол часа" edited="0" error="${errors['time']}"/>	
			  			</td>
			  		</tr>
			  		<tr>
			  			<td style="padding-left: 200px; padding-top: 40px;">
			  					<div onclick="submitForm();" onmouseover="this.style.cursor='pointer'" onmouseout="this.style.cursor='default'"> 
			  					<img alt="" src="send.png">
			  					</div>			  					
			  			</td>
			  		</tr>
			  		<tr>
			  			<td style="padding-left: 200px; padding-top: 0px"> 
			  					<div style="font-size: 12px; width: 250px;">Диспетчер отправит смс с предложением, как только обработает заказ.</div>
			  			</td>
			  		</tr>
			  	</table>
			</td>
			<td style="vertical-align: top; text-align: left;" width="50%">
				<div align="right" style="padding-right: 100px; font-size: 14px; line-height: 24px;">
					<div style="text-align: left; font-size: 24px; padding-bottom: 20px;">Заказ через смс</div>
					<div style="text-align: left;">Можно заказать такси, отправив смс <br/>
						на номер<span style="font-size: 24px;">1234</span>. В тексте сообщения<br/> 
						необходимо указать откуда и куда вас</br> 
						довезти, во сколько подать  машину.</div>
					</div> 
			</td>
		</tr>
	</table>
	</form>
	<div style="font-size: 12px; line-height: 20px; padding-right: 100px;" align="right">
		Страницу сверстал <a style="color: #668CFF" href="rozhabrev.ru">Ро Жабрев</a><br/>
		&copy; 2009
	</div>
  </body>
</html>
